<template>
  <el-card  class="moyu-col">
    <template #header>
      <div style="display: flex; justify-content: space-between;  align-items: center">
        <div>
          <span v-if="title">{{title}}</span>
          <slot v-else name="title"/>
        </div>
        <div>
          <slot name="option"/>
        </div>
      </div>
    </template>
    <slot name="content"/>
    <slot/>
  </el-card>
</template>

<script setup>
import {defineProps} from 'vue'
const props = defineProps({
  title:{
    default: ''
  }
})
</script>

<style scoped>
.moyu-col{
  height: 100%;
  min-width: 300px;
}
</style>